<!DOCTYPE html>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<title>鼠标滑过栏目CSS3动画特效</title>
<link type="text/css" href="css/css.css" rel="stylesheet">
</head>
<body>
<br>
<div class="kePublic">
	<h1 class="title">鼠标划过栏目背景切换</span></h1>
    <div class="shortcut">
        <a href="#" target="_blank">
         <img class="img" src="images/1383541695.jpg" alt="" height="270" width="230">
         <img class="imgH" src="images/1383536964.jpg" alt="" height="270" width="230">
         <span>想知道我们都有什么服务？<br>这里有您要的答案！</span>
        </a>
        <a href="#" target="_blank">
          <img class="img" src="images/1383536386.jpg" alt="" height="270" width="230">
          <img class="imgH" src="images/1383534389.jpg" alt="" height="270" width="230">
          <span>您想要了解资海吗？<br>让我带您了解我们的优势！</span>
        </a>
        <a href="#" target="_blank">
          <img class="img" src="images/1383540866.jpg" alt="" height="270" width="230">
          <img class="imgH" src="images/1383532486.jpg" alt="" height="270" width="230">
          <span>给您一个惊喜，带您进入我们的世界！<br>终有一个是您想要的！</span>
        </a>
        <a href="#" target="_blank">
          <img class="img" src="images/1383541808.jpg" alt="" height="270" width="230">
          <img class="imgH" src="images/1383539327.jpg" alt="" height="270" width="230">
          <span>走进我们的世界<br>我们为您提供最专业、最优质的服务！</span>
        </a>
    </div>
</div>

</body>
</html>